<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/vue-min.js"></script>

</head>
<body>
        <audio src="/static/song/2cdc0f1e1df92f970717cfc2c5c14aaf.mp3" controls="controls" preload="auto"></audio>
<!--<script>-->
    <!--var audioCtx = new (window.AudioContext || window.webkitAudioContext)();-->
    <!--var source;-->
    <!--function getData() {-->
        <!--source = audioCtx.createBufferSource();-->
        <!--var request = new XMLHttpRequest();-->
        <!--request.open('GET', '/song/data?file=963a5ac876604d91b295eee107bd800.flac', true);-->
        <!--request.responseType = 'arraybuffer';-->
        <!--request.onload = function() {-->
            <!--var audioData = request.response;-->
            <!--audioCtx.decodeAudioData(audioData, function(buffer) {-->
                <!--source.buffer = buffer;-->
                <!--source.connect(audioCtx.destination);-->
                <!--source.loop = true;-->
                <!--source.start(0);-->
                <!--source.ontimeupdate = function () {-->
                    <!--console.log(source.getCurrentTime());-->
                <!--};-->
            <!--},-->
            <!--function(e){"Error with decoding audio data" + e.err});-->
        <!--}-->
        <!--request.send();-->
    <!--}-->
    <!--getData();-->
<!--</script>-->
</body>
</html>